<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<title></title>
		<link rel="stylesheet" href="./style.css">
		<script src="./cities.js"></script>
		<script src="https://www.solux.cn/themes/NewSolux/plugins/jquery-1.9.1.min.js?v=1.1.13"></script>
		<script src="./city-picker.js"></script>
	</head>
	<body>
		<button type="button" id="btn3">海外海外</button>
		<script>
		/* 地区选择， 关联型数据 */
		var picker3 = new huiPicker('#btn3', function(){
			var sheng   = picker3.getText(0);
			var shi     = picker3.getText(1);
			var shengVal= picker3.getVal(0);
			var shiVal  = picker3.getVal(1);
			console.log(shengVal, shiVal);
			$('#btn3').html(sheng + shi);
		});
		picker3.level = 2;
		//cities 数据来源于 cities.js
		// 默认值设置方式 [330000 330400 330424] 浙江省 嘉兴市 海盐区
		// var defaultVal = [330000, 330400, 330424];
		// 不设置默认值忽略第三个参数即可
		picker3.bindRelevanceData(cities);
		</script>
	</body>
</html>
